.content-wrap {
  width: 100%;
  height: 100%; }
  .content-wrap .header-bg {
    width: 100%;
    height: 4.42667rem;
    background-image: url(../images/header-bg.png); }
  .content-wrap .content {
    width: 100%;
    padding: 0 0.4rem; }

.banner-wrap {
  height: 2.66667rem;
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%; }

.contentDiv {
  background: #fff;
  padding: 0rem 0.4rem;
  margin-top: .32rem; }
  .contentDiv .search-wrap {
    position: relative;
    height: 1.33333rem;
    padding: .26667rem 0;
    border-bottom: 1px solid #EEEEEE; }
    .contentDiv .search-wrap a {
      font-size: .32rem;
      display: inline-block;
      margin-right: .22rem;
      padding: 0 .32rem;
      height: .74667rem;
      line-height: .74667rem;
      color: #666;
      background-color: #f5f5f5;
      border-radius: .13333rem; }
      .contentDiv .search-wrap a.cur {
        background-color: #ff7c08;
        color: #fff; }
    .contentDiv .search-wrap .icon-query {
      position: absolute;
      top: .29333rem;
      right: 0;
      display: block;
      width: .66667rem;
      height: .66667rem;
      background-image: url(../images/search.png);
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%; }
  .contentDiv .tasklist-wrap ul {
    position: relative; }
    .contentDiv .tasklist-wrap ul li {
      position: relative; }
      .contentDiv .tasklist-wrap ul li .item-content {
        min-height: 2.13333rem;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .contentDiv .tasklist-wrap ul li .item-content .item-media {
          padding-top: .18667rem;
          padding-bottom: .21333rem;
          -webkit-box-lines: single;
          flex-shrink: 0;
          flex-wrap: nowrap;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-align: center; }
          .contentDiv .tasklist-wrap ul li .item-content .item-media img {
            display: inline-block;
            border-radius: .13333rem;
            width: 1.38667rem;
            height: 1.38667rem; }
        .contentDiv .tasklist-wrap ul li .item-content .item-inner {
          border-bottom: 1px solid #eee;
          position: relative;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden;
          box-sizing: border-box;
          width: 100%;
          min-height: 1.17333rem;
          padding-top: .21333rem;
          padding-bottom: .18667rem;
          -ms-flex-align: center;
          align-items: center;
          align-self: stretch;
          -webkit-box-align: center;
          -webkit-box-flex: 1;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-left: .4rem; }
          .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title {
            font-size: .45333rem; }
            .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title .name {
              color: #333; }
              .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title .name .is-hot {
                position: relative;
                top: -.05333rem;
                padding-top: 0; }
                .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title .name .is-hot .tag {
                  background-color: #ff7c08;
                  color: #fff;
                  font-size: .29333rem;
                  padding: 0 .10667rem;
                  margin: 0;
                  height: .42667rem;
                  line-height: .42667rem;
                  display: inline-block;
                  border-radius: .05333rem;
                  text-align: center; }
            .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title .tag-box {
              display: inline-block;
              margin-top: 0.13333rem; }
              .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title .tag-box .tag {
                font-size: .32rem;
                display: inline-block;
                color: #666;
                background-color: #f5f5f5;
                border-radius: .05333rem;
                margin: 0 .08rem;
                padding: 0 .18667rem;
                height: .50667rem;
                line-height: .50667rem;
                box-sizing: border-box;
                text-align: center; }
                .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-title .tag-box .tag:first-child {
                  margin-left: 0; }
          .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-after {
            display: flex;
            font-size: .53333rem;
            line-height: 1.06667rem;
            position: absolute;
            top: .21333rem;
            right: 0;
            color: #ff7c08; }
            .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-after .sign {
              font-size: .42667rem;
              padding-right: .05333rem;
              -ms-flex-order: 1;
              order: 1;
              transform: translate3d(0, 3%, 0); }
            .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-after .num {
              order: 2; }
            .contentDiv .tasklist-wrap ul li .item-content .item-inner .item-after .unit {
              font-size: .34667rem;
              padding-left: .05333rem;
              -ms-flex-order: 3;
              order: 3;
              transform: translate3d(0, 2.5%, 0); }
